<template>
    <div class="greathospital">
        <Header style="z-index:1025">
            <header-menu></header-menu>
        </Header>
        <div class="main">
            <div class="content">
                <div class="img"><img src="../GreatHospital/img/hospital.png" alt=""></div>
                <div class="cont">创建医院主页</div>
                <div class="step">
                    <Steps :current="0">
                        <Step title="填写医院名称"></Step>
                        <Step title="填写医院基本信息"></Step>
                        <Step title="上传医院资质"></Step>
                    </Steps>
                </div>
                <div class="step-tit">
                    <p>请填写您要创建的医院名称：</p>
                    <span>*</span><input type="text">
                    <div><button  @click="next()">下一步</button></div>
                </div>

            </div>

        </div>
        <bottom-icon></bottom-icon>
        <Footer>
            <page-footer></page-footer>
        </Footer>
    </div>
</template>

<script>
    import BottomIcon from '../../components/BottomIcon/'
    import PageFooter from '../../components/Footer/'
    import HeaderMenu from '@/components/Header/'
    export default {
        name: "index",
        components:{
            BottomIcon,
            PageFooter,
            HeaderMenu
        },
        methods: {
            next () {
                this.$router.push({path:'/hosInformation'})
            }
        }
    }
</script>

<style scoped lang="less">
    .main{
        background-color: #FFA3B2;
        padding: 52px 0;
    .content{
        width: 1200px;
        height:550px;
        border-radius: 6px;
        background-color: #fff;
        margin: 0 auto;
    .img{
        margin: 23px 0 0 42px;
        float: left;
    }
    .cont{
        float: left;
        font-size: 24px;
        color: #ff5371;
        margin: 23px 0 0 8px;
    }
    .step{
        clear: both;
        padding: 40px 0 0 176px;
    }
    .step-tit{
        text-align: center;
    }
    .step-tit p{
        margin: 93px 0 16px 0;
        font-size: 16px;
    }
    .step-tit span{
        color: crimson;
    }
    .step-tit input{
        width: 228px;
        height: 32px;
        margin-left: 15px;
    }
    .step-tit button{
        width: 228px;
        height: 40px;
        background-color: #ff5371;
        border-radius: 4px;
        outline: none;
        border: none;
        color: #fff;
        font-size: 20px;
        margin: 36px 0 0 15px;
    }
    }
    }
</style>